<?php
include ('genericos/translate.php');
include ('genericos/header.php');
include_once ('logica/permisosURL.php');
if (isset($_SESSION['idioma'])) {
    $language = $_SESSION['idioma'];
}
?>
<title>EME | <?php echo _("seguridad"); ?></title>
<!--
--><link type="text/css" href="css/redmond/jquery-ui-1.8.16.custom.css" rel="Stylesheet" />      
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script language="JavaScript" type="text/javascript" src="js/ajax.js"></script>

<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
<!--        <script src="js/jquery-1.6.min.js" type="text/javascript"></script>-->
<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"> </script>
<script src="js/jquery.multiselect.js" type="text/javascript" charset="utf-8"> </script>
<script src="js/jquery.multiselect.filter.js" type="text/javascript" charset="utf-8"> </script>

<link type="text/css" href="js/jqgrid/css/ui.jqgrid.css" rel="stylesheet"/> 



<?php
switch ($language) {
    case "es_ES":
        echo ' <script src="js/languages/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8" ></script> ';
        echo ' <script src="js/jqgrid/i18n/grid.locale-es.js" type="text/javascript"></script> ';
        echo '<script src="js/languages/datetimepicker-es.js" type="text/javascript" charset="utf-8" ></script> ';
        echo '<script src="js/languages/timepicker-es.js" type="text/javascript" charset="utf-8" ></script> ';
        break;
    case "en_US":
        echo ' <script src="js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8" ></script> ';
        echo ' <script src="js/jqgrid/i18n/grid.locale-en.js" type="text/javascript"></script>';

        break;
    case "pt_PT":
        echo ' <script src="js/languages/jquery.validationEngine-pt.js" type="text/javascript" charset="utf-8" ></script> ';
        echo ' <script src="js/jqgrid/i18n/grid.locale-pt.js" type="text/javascript"></script> ';
        echo '<script src="js/languages/datetimepicker-pt.js" type="text/javascript" charset="utf-8" ></script> ';
        break;
}
?>

<!--para los jqgrids-->



<script src="js/jqgrid/jquery.jqGrid.min.js" type="text/javascript"></script>
<!--timepicker-->


<script  language="JavaScript" src="js/jquery-ui-timepicker.js" type="text/javascript"></script>
<script type='text/javascript' src='js/jquery.autocomplete.js'></script>


<script  language="JavaScript" type="text/javascript">

    var z = jQuery.noConflict();

        
    var isNull = null;
    var centromedico = 0;
    centromedico= leerCookie('idCentroMedico');
    
    var cantModulos = 0;
    var idperfil =0;
    var idusuario =0;
    
    function leerCookie(nombre) {
        a = document.cookie.substring(document.cookie.indexOf(nombre + '=') + nombre.length + 1,document.cookie.length);
        if(a.indexOf(';') != -1)a = a.substring(0,a.indexOf(';'))
        return a; 
    }
        
        
        
    function cargarContenido(archivo,list){
    

        var i = 1;
        z("#block_izq a").each(
        function(){
            z("#list"+i).removeClass("current_list");    
            z("#list"+i).css("color","#1D5987");
            i++;
        });
        z("#"+list).addClass("current_list");
        z("#"+list).css("color","#679EC9");
        
        
        limpiarDivs();
        
        z( "#mnsjexito" ).dialog({
            modal: true,
            autoOpen: false,
                
            buttons: {
                Ok: function() {
                    z( this ).dialog( "close" );
                }
            }
        });
            
        z( "#mnsjinfo" ).dialog({
            modal: true,
            autoOpen: false,
                
            buttons: {
                Ok: function() {
                    z( this ).dialog( "close" );
                }
            }
        });  
        z( "#mnsjfallo" ).dialog({
            modal: true,
            autoOpen: false,
                
            buttons: {
                Ok: function() {
                    
                    z( this ).dialog( "close" );
                    document.getElementById('mnsjfallo').innerHTML = "<p><?= _("fallo") ?></p>";
                    
                }
            }
        });
        
        
        switch(archivo)
        {
        
        
            case "mantUsuarios":
                
                var contenedor;
                
             
                
                contenedor = document.getElementById('mantUsuarios');
                ajax=objetoAjax();
                ajax.open("GET","Seguridad/"+ archivo+".php",false);
                ajax.onreadystatechange=function() {
                    if (ajax.readyState==4) {
                        contenedor.innerHTML = ajax.responseText
                    }
                }
                ajax.send(null);
                
                z("#formUsuario").validationEngine('attach');
                
                z( "#usuarios" ).accordion({
                    collapsible: true,
                    autoHeight: false
                });
                
                          
                z("#cb_perfilusuario").multiselect({
                    noneSelectedText: '<?= _("seleccionarPerfiles") ?>',
                    //            checkAllText: '<?= _("marcarTodos") ?>',
                    //            uncheckAllText: '<?= _("desmarcarTodos") ?>',
                    oneOrMoreSelected: '# <?= _("seleccionados") ?>',
                    close: function(){
                                              
                                              
                        var checkedValues = z(this).multiselect("getChecked").map(function(){
                            return this.value;

                        }).get()[0]; // since multiple is false, I only want the first iteration of the array
                                              
                        z('#cb_perfilusuario option:selected').each(function(i, selected){
                            z("#div_perfiles").append('<div id="div-'+z(selected).val()+'" class="procedimiento_cita">'+z(selected).text()+'<a style="float: right;" class="ui-icon ui-icon-close" id="prod-'+z(selected).val()+'" onclick="javascript:removerPerfil(this.id)"></a></div>');
                                                  
                            z("#cb_perfilusuario option[value='"+z(selected).val()+"']").remove();
                            cantModulos++;
                        });
                                              
                                              
                        // refrescarCandidato();
                        z("#cb_perfilusuario").multiselect('refresh');
                    }
                }).multiselectfilter({

                });
                    
                    
                jQuery("#cb_perfilusuario").multiselect('refresh');
                
                cargarPerfiles();
                
                
                
                
                
                z( "#add_email" ).dialog({
                    modal: true,
                    autoOpen: false,
                    buttons: {
                            <?= _("agregar") ?>: function() {
                    
                        if (z('#formEmail').validationEngine('validate')){
                                          
                            var email = document.getElementById('tb_email').value;
                        
                            var url = "ClassPersona.php"; 
                            var datos = url+ "?email=" + email

                                + "&tipo=1&oper=add&accion=email";
                            var error;
                            error =   consultaTexto(datos);
                            if(trim(error) !=""){
                                z( "#mnsjfallo" ).dialog( "open" );
                                return;
                            }else{
                                               
                             
                                var cb = document.getElementById("cb_email");
                                var url = "ClassPersona.php";
                                var datos = url+"?accion=traercorreo";
                                var Retorno = consultaTexto(datos);
                                if (Retorno != ""){
                                    cb.innerHTML = Retorno;
            
                                }else{
                                    document.getElementById("agregaremail").style.display ="inherit";
                
                                }
                                                
                                z( this ).dialog( "close" );
                            }
                        
                        }
                    
                    
                    
                    
                    }
                }
            });
                
            break;
                
        case "mantCatalogosSeguridad": 
                    
            contenedor = document.getElementById('mantUsuarios');
            ajax=objetoAjax();
            ajax.open("GET","Seguridad/"+ archivo+".php",false);
            ajax.onreadystatechange=function() {
                if (ajax.readyState==4) {
                    contenedor.innerHTML = ajax.responseText
                }
            }
            ajax.send(null);
                    
            z( "#perfilsusuarios" ).accordion({
                collapsible: true,
                autoHeight: false
            });
                    
                    
            z("#grid_PerfilUsuarios").jqGrid(
            {
                url: 'logica/listasSeguridad.php?accion=perfilusuario&centromedico='+centromedico,
                datatype: 'xml',
                mtype: 'GET',

                colNames:['<?= _("perfilusuario") ?> ','<?= _("permisos") ?> '],
                colModel :[ 
                    {name:'perfilusuario', index:'perfilusuario', width:180,editable:true, edittype:'text', editrules: { required: true}},
                    {name:'permisos', index:'permisos', width:250,editable:true,edittype:'custom',hidden:true,
                    
                        editoptions: {
                            custom_element:customPermisosTipoUsuario,
                            custom_value:valcustomPermisosTipoUsuario
                           
                        } 
                    }
                    
                ],
                pager: '#pagerPerfilUsuarios',
                rowNum:10,
                rowList:[10,20,30],
                sortname: 'tipo',
                sortorder: 'desc',
                viewrecords: true,
                gridview: true,
           
                editurl:'logica/classSeguridad.php?accion=perfilusuario&centromedico='+centromedico,
                
                width:632,
                beforeSelectRow: function (rowid, e){
                    idperfil=rowid;
                    return true;
                }
               
              
            });      
     
            z("#grid_PerfilUsuarios").jqGrid('navGrid', '#pagerPerfilUsuarios',
            { add: true, edit: true, del: true,search:false },
            {
                    
                height:170,
                width:450,
                reloadAfterSubmit:false,	
                closeAfterAdd: true,
                closeAfterEdit: true,
                                  modal:true,
                    
                beforeShowForm : function(formid) 
                {
                    z('#tr_permisos', formid).show(); 
                         
                    cargarComboModulos();
                    traerModulosXPerfil();
                                
                },
                onclickSubmit:function(rp_ge, postdata){
                    var modulos=  guardarModulos();
                    var opciones = opcionesModulos();
                    rp_ge.url = 'logica/classSeguridad.php?accion=perfilusuario&centromedico='+centromedico+'&modulos='+modulos+'&opciones='+opciones;
                }
            }, 
            { 
                height:250, 
                width:450,
                reloadAfterSubmit:false,
                closeAfterAdd: true,
                closeAfterEdit: true,
                beforeShowForm : function(formid) 
                {
                    z('#tr_permisos', formid).show(); 
                         
                         
                    cargarComboModulos();
                    
                },
              
                onclickSubmit:function(rp_ge, postdata){
                    var opciones = opcionesModulos();
                    var modulos=  guardarModulos();
                    rp_ge.url = 'logica/classSeguridad.php?accion=perfilusuario&centromedico='+centromedico+'&modulos='+modulos+'&opciones='+opciones;
                }
                                  
            }, 
    
            {
                // settings for Delete 
                mtype: "post",
                reloadAfterSubmit: false


            }, 
            {},
            {}
        );
                    
            break;
        
        }
    }


    function cargarPerfiles(){

                
        var url = "ClassUtil.php";
        var datos = url+"?modo=3&accion=catalogo&cb=cb_perfilusuario";   
        var perfil = new Object();
        perfil = consultaObjeto(datos);

        var i = 0;
        jQuery("#cb_perfilusuario").empty();

        for(p in perfil){
            jQuery("#cb_perfilusuario").append('<option value="'+perfil[i].id+'">'+perfil[i].ds+'</option>');
            i++;
        }

        jQuery("#cb_perfilusuario").multiselect('refresh');


    }

    function removerPerfil(id){
        var tempId = id;
        id = id.split('-');
        var div = document.getElementById('div-'+id[1]);
        z("#cb_perfilusuario").append('<option value="'+id[1]+'">'+z(div).text()+'</option>');
        z("#cb_perfilusuario").multiselect('refresh');
        z(div).remove();
                            
    }  
                        
    function traerPerfilesxUsuario(){
        var url = "ClassUsuario.php";
        var datos = url+"?idusuario="+idusuario+"&accion=perfilesusuario";     
        var Perfiles = new Object();
        Perfiles = consultaObjeto(datos);
        var i = 0;
        for(m in Perfiles){
            z("#cb_perfilusuario option[value='"+Perfiles[i].id+"']").remove();
            z("#div_perfiles").append('<div id="div-'+Perfiles[i].id+'" class="procedimiento_cita">'+Perfiles[i].ds+'<a style="float: right;" class="ui-icon ui-icon-close" id="prod-'+Perfiles[i].id+'" onclick="javascript:removerPerfil(this.id)"></a></div>');
            //j("#cb_procedimientos").append('<option value="'+Procedimiento[i].id+'">'+Procedimiento[i].descripcion+'</option>');
                                    
            i++;
        }
                                
                                
        z("#cb_perfilusuario").multiselect('refresh');
    }    
                      
    function guardarPerfiles(){
        var ids = "";
        var idTemp;
                        
        z("#div_perfiles .procedimiento_cita").each(
        function(){
            idTemp = this.id.split('-');
            ids = ids + idTemp[1]+',';
        });
                 
        return ids;
                        
    }
                        
    function cargarComboModulos(){
                      
                          

        document.getElementById('div_modulos').innerHTML = "";
        cargarModulos();
                         
        z("#cb_modulos").multiselect({
            noneSelectedText: '<?= _("seleccionarModulos") ?>',
            //            checkAllText: '<?= _("marcarTodos") ?>',
            //            uncheckAllText: '<?= _("desmarcarTodos") ?>',
            oneOrMoreSelected: '# <?= _("seleccionados") ?>',
            close: function(){
                var checkedValues = z(this).multiselect("getChecked").map(function(){
                    return this.value;
               
                }).get()[0]; // since multiple is false, I only want the first iteration of the array
                      
                var contenido=""  ;
                
                z('#cb_modulos option:selected').each(function(i, selected){
                    
                    
                      var contenido = "";
                
                        var url = "classSeguridad.php";
                        var datos = url+"?accion=opcionmodulo&idmodulo="+z(selected).val();
                        var Opcion = new Object();
                        Opcion = consultaObjeto(datos);
                        var i=0;
        
                        for( p in Opcion){
            
                            contenido += "<tr>";
                            contenido += '<td style ="font-size:x-small;" >-<input   class="validate[minCheckbox[1]] checkbox" name="grupo'+z(selected).val()+'"  type="checkbox" value="'+z(selected).val()+','+Opcion[i].id +'" id="chk_'+z(selected).val()+'_' + Opcion[i].id + '"  checked >'+Opcion[i].ds+'</td>';
                            contenido += '</tr>';
                   
                            i++;
                          }
                    
                    
                    z("#div_modulos").append('<div  id="div-'+z(selected).val()+'" </div> <div class= "procedimiento_cita"  id="div-'+z(selected).val()+'-text" ><IMG SRC="images/list-arrow.gif" ALT="">'+z(selected).text()+'<a style="float: right;" class="ui-icon ui-icon-close" id="prod-'+z(selected).val()+'" onclick="javascript:removerModulo(this.id)"></a></div>' +
                        '<table>'+ contenido +'</table></div>' );
                
                    z("#cb_modulos option[value='"+z(selected).val()+"']").remove();
                    cantModulos++;
                });
                                              
                                              
                // refrescarCandidato();
                z("#cb_modulos").multiselect('refresh');
            }
        }).multiselectfilter({

        });
                    
                    
        jQuery("#cb_modulos").multiselect('refresh');
    }
                      
    function traerUsuario(f){
        
        document.getElementById("div_perfiles").innerHTML = "";
          
        var id = document.getElementById('tb_cedula').value;
        if(id=="")return;
        
        var url = "ClassUsuario.php";
        var datos = url+"?ID_PERSONA="+id+"&accion=usuario";
        var Usuario = consultaObjeto(datos);
        
        var esNull = null;
        
        var modo;
        f.form.reset();
        document.getElementById('tb_cedula').value = id;
        document.getElementById("cb_email").options.length = 0;
        
        if (!Usuario){
            modo=true;
            document.getElementById('mnsjfallo').innerHTML = "<p><?= _("personanoexiste") ?></p>";
            z( "#mnsjfallo" ).dialog( "open" );
               
                
            document.getElementById('tb_cedula').value="";
            document.getElementById("agregaremail").style.display ="none";
            
        } else {
            
            var cb = document.getElementById("cb_email");
            var url = "ClassPersona.php";
            var datos = url+"?accion=traercorreo";
            var Retorno = consultaTexto(datos);
            if (Retorno != ""){
                cb.innerHTML = Retorno;
            
            }
            
            modo=false;
            document.getElementById('tb_nombre').value = Usuario.nombre+" " + Usuario.ape1 +" "+Usuario.ape2;
            
            if(Usuario.usuario!=esNull){
                
                document.getElementById('mnsjinfo').innerHTML = "<p><?= _("usuarioexiste") ?></p>";
                
                z( "#mnsjinfo" ).dialog( "open" );
                
                document.getElementById('tb_usuario').value = Usuario.usuario;
                
                // document.getElementById('cb_perfilusuario').value = Usuario.tipousuario;
                
                document.getElementById("cb_email").value = Usuario.idemail;
                idusuario = Usuario.idusuario;
                accion = "editrole";
                                    
                traerPerfilesxUsuario(); 
            }else{
                document.getElementById('mnsjfallo').innerHTML = "<p><?= _("usuarionoexiste") ?></p>";
                z( "#mnsjfallo" ).dialog( "open" );
                accion = "add";
             
                //comprobarUser();
            
            }
            
            
           
            document.getElementById("agregaremail").style.display ="inherit";
                
              
        }
        
        habilitarControles("tb_usuario",modo);
        
        
        
    }
    
    function enviarDatosUsuario ()
    {
        
        if(jQuery('#formUsuario').validationEngine('validate'))
        {
        
            var usuario = document.getElementById('tb_usuario').value;                       
            // var tipousuario = document.getElementById('cb_perfilusuario').value;
            var idemail = document.getElementById('cb_email').value;
            
            var cb = document.getElementById('cb_email');
            //var dsemail = document.getElementById('cb_email').textContent;
            var dsemail = cb.options[cb.options.selectedIndex].text;
            
            var perfiles = guardarPerfiles();
                              
            var url = "ClassUsuario.php";
            
            var datos = url+ "?usuario=" + usuario
                + "&perfiles=" + perfiles
                + "&idemail=" + idemail
                + "&idusuario=" + idusuario
                + "&dsemail=" + dsemail
                + "&oper=" + accion
                + "&accion=guardar";
            
            var error;
            error =   consultaTexto(datos);
            if (trim(error)=="passincorrecto"){
 
                document.getElementById('mnsjfallo').innerHTML = "<p><?= _("passincorrecto") ?></p>";
                z( "#mnsjfallo" ).dialog( "open" );
                return;
            }else   if(trim(error) !=""){
                z( "#mnsjfallo" ).dialog( "open" );
                return;
            }

       

            z( "#mnsjexito" ).dialog( "open" );
            
            accion = "editrole";
            
          
            
        }
    
    }
    
    function comprobarUser()
    {
        
        var user = document.getElementById('tb_usuario').value;
        var url = "ClassUsuario.php";
        
        var datos = url+"?user="+user+"&accion=checkusuario";
       
        
        var Usuario = consultaTexto(datos);
        
        
        if(trim(Usuario) =="existe"){
            
            document.getElementById('a_user').style.display = "inherit";  
            z('#tb_usuario').validationEngine('showPrompt', '<?= _("usuarioexiste") ?>', 'error', true)
            
        }else{
            document.getElementById('a_user').style.display = "none";
            //            z('#tb_usuario').validationEngine('hide');
        }
            
    }
                      
    function customPermisosTipoUsuario(value,options){  
        var sesiones= "";
         
        
        var contenido = '<table>'; 
        contenido += '<tr>';
        contenido += '<td colspan="2">';
        contenido += '<select id="cb_modulos" class="multiselect" name="cb_modulos" multiple="multiple" style="width: 150px">';
        contenido += '<option value="0"><?= _("seleccionar"); ?></option>?';
        contenido += '</select>';
        contenido += '</td>';
        contenido += '</tr>';
        contenido += '<tr id="td_modulos" class="mostrado">';
        contenido += '<td colspan="2">';
        contenido += '<div id="div_modulos" class="procedimientosCita"  style = "width:260px; height:300px;"  ></div>';
        contenido += '</td>';
        contenido += '</tr>';
        contenido +=   '</table>';
             
                                       

        return z(contenido); 
     
    }

    function valcustomPermisosTipoUsuario(elem){   return elem.val();  }

    function cargarModulos(){

                
        var url = "ClassUtil.php";
        var datos = url+"?modo=3&accion=catalogo&cb=cb_modulos";   
        var modulos = new Object();
        modulos = consultaObjeto(datos);

        var i = 0;
        jQuery("#cb_modulos").empty();

        for(p in modulos){
            jQuery("#cb_modulos").append('<option value="'+modulos[i].id+'">'+modulos[i].ds+'</option>');
            i++;
        }

        jQuery("#cb_modulos").multiselect('refresh');


    }
                     
    function guardarModulos(){
       
       var ids = "";
        var idTemp;
                        
        z("#div_modulos .procedimiento_cita").each(
        function(){
            idTemp = this.id.split('-');
            ids = ids + idTemp[1]+',';
        });
                      
        return ids;
                        
    }
             
             
 function opcionesModulos(){
     var sList = "";
     
    z('input[type=checkbox]').each(function () {
     if (this.checked){
         sList += this.defaultValue + "/";
     }
    
});

return sList;

 }             
    function removerModulo(id){
        var tempId = id;
        id = id.split('-');
        var div = document.getElementById('div-'+id[1]+'-text');
        z("#cb_modulos").append('<option value="'+id[1]+'">'+z(div).text()+'</option>');
        z("#cb_modulos").multiselect('refresh');
        var div = document.getElementById('div-'+id[1]);
        z(div).remove();
                            
    }
                                         
    function traerModulosXPerfil(){
        var url = "classSeguridad.php";
        
                
        var datos = url+"?idperfil="+idperfil+"&accion=modulosperfil&modo=1";     
        var Modulos = new Object();
        Modulos = consultaObjeto(datos);
        var i = 0;
        for(m in Modulos){
            z("#cb_modulos option[value='"+Modulos[i].id+"']").remove();
            
            
                      var contenido = "";
                
                        var url = "classSeguridad.php";
                        var datos = url+"?accion=opcionmodulo&idmodulo="+Modulos[i].id;
                        var Opcion = new Object();
                        Opcion = consultaObjeto(datos);
                        var n=0;
        
                        for( p in Opcion){
            
                            contenido += "<tr>";
                            contenido += '<td style ="font-size:x-small;" >-<input  class="validate[minCheckbox[1]] checkbox" name="grupo'+Modulos[i].id+'" type="checkbox" value="'+Modulos[i].id+','+Opcion[n].id +'" id="chk_' + Modulos[i].id+'_'+ Opcion[n].id + '"   >'+Opcion[n].ds+'</td>';
                            contenido += '</tr>';
                   
                            n++;
                          }
                    
                    
                    z("#div_modulos").append('<div  id="div-'+Modulos[i].id+'" </div> <div class= "procedimiento_cita"  id="div-'+Modulos[i].id+'-text" ><IMG SRC="images/list-arrow.gif" ALT="">'+Modulos[i].ds+'<a style="float: right;" class="ui-icon ui-icon-close" id="prod-'+Modulos[i].id+'" onclick="javascript:removerModulo(this.id)"></a></div>' +
                        '<table>'+ contenido +'</table></div>' );
        
            
            
            cantModulos++;
            i++;
        }
                

        var datos = url+"?idperfil="+idperfil+"&accion=modulosperfil&modo=2";     
        var Opcion = new Object();
        Opcion = consultaObjeto(datos);          
     
        i=0;
        for(o in Opcion){
            
            document.getElementById('chk_'+Opcion[i].id+'_'+Opcion[i].opcion).checked = true;
            i++;
        }
                                
        z("#cb_modulos").multiselect('refresh');
    }                          

    function cargarCombo(cb,modo)
    {
        var cb = document.getElementById(cb)
        var url = "ClassUtil.php";
        var datos = url+"?modo="+modo+"&accion=catalogo&cb="+cb.id;
        var Retorno = consultaTexto(datos);
        if (Retorno != ""){
            cb.innerHTML = Retorno;
            
        }
        
    }

    function limpiarDivs(){
         
        var contenedor;
        contenedor = document.getElementById('mantUsuarios');
        contenedor.innerHTML = "";
        
        contenedor = document.getElementById('mantCatalogosSeguridad');
        contenedor.innerHTML = "";
        
            
    }

    function trim (myString)
    {
        return myString.replace(/^\s+/g,'').replace(/\s+$/g,'')
    }
                
    function habilitarControles(ctrl,modo){
        document.getElementById(ctrl).disabled=modo;
    }
     
    window.onload= function(){
        cargarContenido("mantUsuarios","list1");
    }
</script>
</head>


<body>



    <div id="wrapper">

        <script type="text/javascript">
            var s = jQuery.noConflict();
     
            s(document).ready(function() {
                s(".topMenuAction").click( function() {
                    if (s("#openCloseIdentifier").is(":hidden")) {
                        s("#slider").animate({ 
                            marginTop: "-50px"
                        }, 500 );
                        s("#topMenuImage").html('<?php echo $_SESSION['Nombre']; ?>');
                        s("#openCloseIdentifier").show();
                    } else {
                        s("#slider").animate({ 
                            marginTop: "0px"
                        }, 500 );
                        s("#topMenuImage").html('<?php echo $_SESSION['Nombre']; ?>');
                        s("#openCloseIdentifier").hide();
                    }
                });  
            });
        </script>



        <div id="head">

            <div id="logo">

            </div>

            <div id="logout">
                <!--<a href="#" title="Mi Cuenta" alt="Mi Cuenta">Cuenta</a>-->
                <?php include ('genericos/html_logout.php'); ?>

            </div>

        </div> <!-- head -->
        <div id="Menu_principal">
            <?php include ('genericos/Menu_principal.php'); ?>
        </div> <!-- block1 -->

        <div id="block_izq">

            <ul>
                <li><a id="list1" onclick="javascript:cargarContenido('mantUsuarios',this.id)"><?= _("usuarios") ?> </a></li>
                <li><a id="list2" onclick="javascript:cargarContenido('mantCatalogosSeguridad',this.id)"><?= _("Perfil") ?> </a></li>

            </ul>



        </div> <!-- block3 -->



        <div id="block_der">

            <div id="mantUsuarios"></div>
            <div id="mantCatalogosSeguridad"></div>



        </div> <!-- block4 -->
        <div id="footer">
            <?php include ('genericos/footer.php'); ?>
        </div> <!-- block5 -->

    </div> <!-- wrapper -->



    <div style="display:none"  id="add_email" title="<?= _("agregaremail") ?>">

        <form action="" method="post" enctype="multipart/form-data" method="post"
              onsubmit="" name="formEmail" id="formEmail" style="">

            <table align="center">

                <tr>
                    <td><label class="labelform"><?= _("email") ?>:</label></td>
                    <td><input onchange=""  id="tb_email" name="tb_email" type="text" class="validate[required,custom[email]] text-input"  /></td>
                    <td><a id="agregaremail" class="ui-icon ui-icon-plusthick" style="display: none" ></a></td>
                </tr>
            </table>

        </form>

    </div>

    <div id="mnsjinfo" title="<?= _("mensajeinfo") ?>">
        <p>
            <?= _("info") ?>
        </p>

    </div>

    <div id="mnsjexito" title="<?= _("mensajeexito") ?>">
        <p>
            <?= _("exito") ?>
        </p>

    </div>

    <div id="mnsjfallo" title="<?= _("mensajefallo") ?>">
        <p>
            <?= _("fallo") ?>
        </p>

    </div>

</body>
</html>

